<template>
  <div>
    <h3>ref和$refs</h3>
    <p ref="myPP" class="myP">这是一个p标签</p>
    <button @click="handleGet">获取dom</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleGet() {
      // let myP = document.querySelector('.myP')
      // console.log(myP);
      // 1. 元素上加上ref属性
      // 2. 通过this.$refs.xxx获取
      let myPP = this.$refs.myPP
      console.log(myPP);
      myPP.style.backgroundColor= "pink"
    }
  }
}
</script>

<style>

</style>